html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
} 

lu li{
	margin: 2px;
	background-image: url('bullet.gif');
	background-repeat: no-repeat;
	padding-left: 13px;
}

lu li a:hover{
	color: Red;
}

h1, h2, h3, h4{
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

a{
	cursor: pointer;
	text-decoration: none;
	color: #7B7B00;
}

body>div#topContainer{
	height: 121px;
	width: 100%;
	background-image: url(bg.png);
	background-repeat: repeat-x;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 10;
}

div#topContainer {
  /* IE5.5+/Win - this is more specific than the IE 5.0 version */
  height: 121px;
  width: 100%;
  left: expression( ( 0+( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top: expression( ( 0+( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

a#addBt{
	position: absolute;
	top: 0px;
	right: 80px;
	width: 44px;
	height: 50px;
	background-image: url('addBt.jpg');
	background-repeat: no-repeat;
	z-index: 20;
}

a:hover#addBt{
	background-image: url('addBtActive.jpg');
}

a#logOut{
	position: absolute;
	top: 0px;
	right: 40px;
	width: 44px;
	height: 50px;
	background-image: url('logOut.jpg');
	background-repeat: no-repeat;
	z-index: 20;
}

a:hover#logOut{
	background-image: url('logOutActive.jpg');
}

div#topContainer #navigate{
	float: left;
	position: absolute;
	bottom: 42px;
	left: 240px;
	font-family: Georgia;
	font-size: 160%;
}

div#topContainer h1{
	margin-left: 10px;
	margin-top: 25px;
	width: 160px;
	height: 53px;
	background-image: url(logo.jpg);
	background-repeat: no-repeat;
}

body>div#bottomContainer{
	height: 84px;
	width: 100%;
	background-image: url(bottomBG.png);
	background-repeat: repeat-x;
	position: fixed;
	left: 0px;
	bottom: 0px;
	z-index: 10;
}

body>div#bottomContainer #content{
	font-size: 80%;
	margin-top: 65px;
	margin-left: 10px;
}



div#topContainer h1 span{
	display: none;
}

div#leftContainer{
	width: 200px;
	min-height: 50%;
	position: absolute;
	margin-left: 20px;
	margin-top: 110px;
	border-right: dotted #CCD1D7 1px;
	z-index: 1;
}

div#leftContainer #content{
	margin-right: 10px;
	margin-bottom: 70px;
}

div#rightContainer{
	position: fixed;
	top: 110px;
	left: 240px;
	width: 740px;
	height: 430px;
	z-index: 20;
	overflow: auto;
}

a#client, a#clientDetail{
	cursor: pointer;
	background-image: url(client.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	width: 100%;
	height: 60px;
	margin-bottom: 10px;
}


a#clientDetail{
	width: 220px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

a:hover#client{
	cursor: pointer;
	background-image: url(activeClient.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

a#client span, a#clientDetail span{
	display: block;
	margin-left: 50px;
}

div#remove{
	position: relative;
	top: -50px;
	left: 31px;
	width: 10px;
	height: 10px;
	background-image: url('remove.png');
	background-repeat: no-repeat;
	float: left;
}

div#edit{
	position: relative;
	top: -39px;
	left: 21px;
	width: 10px;
	height: 10px;
	background-image: url('edit.png');
	background-repeat: no-repeat;
	float: left;
}

a#client span#name, a#clientDetail span#name{
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 120%;
}


a#hdaDeactive{
	float: left;
	background-image: url('hdaDeactive.jpg');
	background-repeat: no-repeat;
	width: 220px;
	height: 60px;
	margin-right: 10px;
	margin-bottom: 10px;
}

a:hover#hdaDeactive{
	float: left;
	background-image: url('hda.jpg');
	background-repeat: no-repeat;
	width: 220px;
	height: 60px;
	margin-right: 10px;
	margin-bottom: 10px;
}

a.hda #contentR{
	margin-top: 5px;
	margin-left: 60px;
	font-size: 80%;
}

a.hda #contentL{
	float: left;
	margin-top: 37px;
	margin-left: 5px;
	font-size: 120%;
}

a.hda #contentR #percentBar{
	font-size: 80%;
	margin-bottom: 5px;
}

a#clientDetail span #percentBar{
	font-size: 60%;
	margin-bottom: 1px;
}

div#hdaInfo{
	float: left;
	clear: right;
	background-image: url('hda.jpg');
	background-repeat: no-repeat;
	width: 180px;
	margin-right: 10px;
	margin-bottom: 10px;
}

div#hdaInfo h2{
	font-family: Georgia;
	margin-left: 60px;
	margin-top: 10px;
}

div#hdaInfo #percentBar{
	margin-bottom: 10px;
	margin-top: -5px;
}

form#addServForm input{
	display: block;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: dotted 1px;
	border-color: #BDB76B;
	font-size: 80%;
	color: #666666;
	text-align: center;
	margin-bottom: 5px;
	
}

form#addServForm table tr{
	vertical-align: top;
}

div#return{
	color: Green;
	font-weight: bold;
}

div#rightContainer div#graphBox{
	margin-left: 200px;
}
